$PrimaryColor:#409EFF;
$PrimaryTextColor:#2c3e50;
$SencondTextColor:#5e6d82;
$bgColor:#ffffff;
$loginBackground:#fff;
$fontSize:16px;
$minWidth:350px;
$fontFamily:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;

@mixin bg-image($url) {
    background: url('../images/' + $url) no-repeat;
    background-size: 100% 100%;
}

@mixin full() {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@mixin full-block() {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

@mixin center-midddle($width,$height) {
    position: absolute;
    left: 50%;
    top: 50%;
    width: $width;
    height: $height;
    margin-left: -$width/2;
    margin-top: -$height/2;
}

@mixin center() {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

@mixin singleLine() {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flood-color: white;
    
}
@mixin no-wrap() {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

@mixin ellipsis($lines: 1) {
    @if $lines !=1 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: $lines;
        -webkit-box-orient: vertical;
    }
    @else {
        word-break: keep-all;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}
@mixin extend-click() {
    position: relative;
    &:before {
        content: '';
        position: absolute;
        top: -10px;
        left: -10px;
        right: -10px;
        bottom: -10px;
    }
}
@mixin blur($width:10px) {
    -webkit-filter: blur($width);
    -moz-filter:blur($width);
    -ms-filter: blur($width);
    filter: blur($width);
}

@mixin alpha($num) {
    filter: alpha(opcity=$num*100);
    -moz-opacity: $num;
    -khtml-opacity: $num;
    opacity: $num;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$num*100);
}

